Moving to Responsive Web Design by Inayaili de León

Author:Inayaili de León
Language: eng
Format: epub
Publisher: Apress, Berkeley, CA

Build It

Once you are happy with your initial document, the developers (or whoever is going to build the prototype) can take some time to go through the existing stylesheets and “add some responsiveness.” I find it more effective if this is done as a group exercise, where two or three developers sit in a room together and can discuss any issues or ideas as they work through the rules. This can make for an intense and fun week that produces a tangible, useful deliverable by the end. If questions arise during development that need to be answered or brainstormed with someone else, the developers can call that person into the room and have discussions about the pressing matter. The goal is to move fast and get a prototype as quickly as possible.

If it is too cumbersome to create a prototype of your entire site following the rules from the document, choose a key section or a selection of key pages that you would like to start exploring. But do not choose the easier ones. Choose sections that seem more challenging from the start—you want to dive straight into the deep end!

The result of this process will probably (or even most likely) be a bit rough at first, but do not let that discourage you (see Figure 3-6). It is a great way to take that first step in making a responsive prototype and having something you can test on real devices.

Figure 3-6. Canonical.com’s first responsive test : not everything looks perfect on a first-stage prototype

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.